<template>
  <div class="app-container">
    <!-- <div class="notice">
      <h4>我的企业</h4>
      <span>产品需提供文案</span>
    </div> -->
    <div v-loading="listLoading" class="wrap">
      <!-- 11111 -->
      <el-row :gutter="20">
        <el-col :span="12" :gutter="20">
          <div class="wrapContent">
            <el-row>
              <el-col class="strLeft" :span="8">
                <h4>企业信息</h4>
              </el-col>
              <el-col class="strRight" :span="16">
                <el-button size="mini" icon="el-icon-edit" type="primary" plain @click="upCompany">
                  修改
                </el-button>
              </el-col>
            </el-row>
            <el-row>
              <el-col class="strLeft" :span="8">股票代码</el-col>
              <el-col class="strRight" :span="16">{{ list.stockCode }}</el-col>
            </el-row>
            <el-row>
              <el-col class="strLeft" :span="8">股票简称</el-col>
              <el-col class="strRight" :span="16">
                {{ list.stockAbbreviation }}
              </el-col>
            </el-row>
            <el-row>
              <el-col class="strLeft" :span="8">企业全称</el-col>
              <el-col class="strRight" :span="16">
                {{ list.enterpriseName }}
              </el-col>
            </el-row>
            <el-row>
              <el-col class="strLeft" :span="8">企业简介</el-col>
              <el-col class="strRight" :span="16">
                {{ list.companyProfile }}
              </el-col>
            </el-row>
            <el-row>
              <el-col class="strLeft" :span="8">法人代表</el-col>
              <el-col class="strRight" :span="16">
                {{ list.legalRepresentative }}
              </el-col>
            </el-row>
            <el-row>
              <el-col class="strLeft" :span="8">企业人数</el-col>
              <el-col class="strRight" :span="16">{{ list.staffNumber }} 人</el-col>
            </el-row>
            <el-row>
              <el-col class="strLeft" :span="8">企业邮箱</el-col>
              <el-col class="strRight" :span="16">
                {{ list.enterpriseEmail }}
              </el-col>
            </el-row>
            <el-row>
              <el-col class="strLeft" :span="8">办公地址</el-col>
              <el-col class="strRight" :span="16">
                {{ list.businessAddress }}
              </el-col>
            </el-row>
            <el-row>
              <el-col class="strLeft" :span="8">注册资本</el-col>
              <el-col class="strRight" :span="16">
                {{ list.registeredCapital }}
              </el-col>
            </el-row>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
  import { getenterprise } from '@/api/Mycompany/index'
  export default {
    data() {
      return {
        list: {},
        record: '',
        listLoading: true,
      }
    },
    created() {
      this.getcompanyList()
    },
    mounted() {
      console.log('1111')
    },
    methods: {
      getcompanyList() {
        this.listLoading = true
        getenterprise().then(response => {
          this.listLoading = false
          this.list = response
        })
      },
      upCompany() {
        this.$router.push({
          path: '/maintain/updatecompany',
          query: {
            stockCode: this.list.stockCode,
          },
        })
      },
    },
  }
</script>

<style lang="scss" scoped>
  .notice {
    padding: 5px 25px 15px;
    margin: 0 0 25px 0;
    background: #fff;
    border: 1px solid #aeaeae;
    border-radius: 4px;
  }

  .main-container {
    background: #f3f4f8;
  }

  .wrap {
    padding: 25px;
    background: #fff;
    border-radius: 4px;

    .wrapContent {
      width: 100%;
      min-height: 620px;
      padding: 15px;
      font-size: 14px;
      line-height: 36px;
      color: #363636;
      border: 2px solid #e6e6e6;
      border-radius: 8px;
      max-height: 560px;
      overflow: auto;
      .strLeft {
        text-align: left;

        h4 {
          padding: 0;
          margin: 0;
        }
      }

      .strRight {
        text-align: right;
      }
    }
  }

  .notice h4 {
    font-weight: 700;
    color: #666;
  }

  .notice span {
    font-size: 14px;
    color: #666;
  }

  .app-container {
    padding: 0;
    background: #f3f4f8;
  }
</style>
